<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div style="width: 200px">
    <canvas id="myChart" width="400" height="400"></canvas>
</div>
<script type="text/javascript" src="Chart.min.js"></script>
<script type="text/javascript">
    var ctx = document.getElementById("myChart").getContext("2d");
    var data = {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [
            {
                label: "My First dataset",
                backgroundColor: "rgba(75,192,192,0.4)",
                borderColor: "rgba(75,192,192,1)",
                borderJoinStyle: 'miter',
                pointBorderColor: "rgba(75,192,192,1)",
                pointBackgroundColor: "#fff",
                pointHoverBackgroundColor: "rgba(75,192,192,1)",
                pointHoverBorderColor: "rgba(220,220,220,1)",

                data: [65, 59, 80, 81, 56, 55, 40],
            }
        ]
    };


    var myLineChart = new Chart(ctx, {
        type: 'line',
        data: data
    });
</script>
</body>
</html>